<%-- 
    Document   : menuPers
    Created on : 14-apr-2014, 11.55.30
    Author     : Salvo
--%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="style-general.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <script>
        $(function() {
        $( "#tabs" ).tabs();
        });
    </script>
    <title>Menu Personalizzato</title>
</head>
    <body>
        <div id="content-contact">
            <%--load the menu bar--%>
            <%@ include file="menuBar.jsp" %> 
            <div id="central">
            <div id="tabs">
            <ul>
            <li><a href="#tabs-1">Antipasti</a></li>
            <li><a href="#tabs-2">Primi</a></li>
            <li><a href="#tabs-3">Secondi</a></li>
            <li><a href="#tabs-4">Contorni</a></li>
            <li><a href="#tabs-5">Dolci</a></li>
            <li><a href="#tabs-6">Bevande</a></li>
            </ul>
        <form action='Controller' method='post' accept-charset='UTF-8'>
        <div id="tabs-1">
            <table>
            <c:forEach items="${piatti}" var="piatto">
                <c:if test="${piatto.tipologia=='antipasto'}">
                    <tr><td><input type="checkbox" name="${piatto.idPiatto}">
                        </td><td align="left">${piatto.descrizione}</tr>
                </c:if>
            </c:forEach>
            </table>
        </div>
        <div id="tabs-2">
           <table>
            <c:forEach items="${piatti}" var="piatto">
                <c:if test="${piatto.tipologia=='primo'}">
                    <tr><td><input type="checkbox" value="${piatto.idPiatto}">
                        </td><td align="left">${piatto.descrizione}</tr>
                </c:if>
            </c:forEach>
            </table>
        </div>
        <div id="tabs-3">
            <table>
            <c:forEach items="${piatti}" var="piatto">
                <c:if test="${piatto.tipologia=='secondo'}">
                    <tr><td><input type="checkbox" value="${piatto.idPiatto}">
                        </td><td align="left">${piatto.descrizione}</tr>
                </c:if>
            </c:forEach>
            </table>
        </div>
        <div id="tabs-4">
           <table>
            <c:forEach items="${piatti}" var="piatto">
                <c:if test="${piatto.tipologia=='contorno'}">
                    <tr><td><input type="checkbox" value="${piatto.idPiatto}">
                        </td><td align="left">${piatto.descrizione}</tr>
                </c:if>
            </c:forEach>
            </table>
        </div>
        <div id="tabs-5">
            <table>
            <c:forEach items="${piatti}" var="piatto">
                <c:if test="${piatto.tipologia=='dolce'}">
                    <tr><td><input type="checkbox" value="${piatto.idPiatto}">
                        </td><td align="left">${piatto.descrizione}</tr>
                </c:if>
            </c:forEach>
            </table>
        </div>
        <div id="tabs-6">
            <table>
            <c:forEach items="${piatti}" var="piatto">
                <c:if test="${piatto.tipologia=='bevanda'}">
                    <tr><td><input type="checkbox" value="${piatto.idPiatto}">
                        </td><td align="left">${piatto.descrizione}</tr>
                </c:if>
            </c:forEach>
            </table>
        </div>    
            <input type='hidden' name='hidden' value='menu2' />
            <input type='submit' name='Submit'  value='pagamento'/>
        </form>
        </div> 
    </div>
        </div>
    </body>
</html>
